<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


  <title>新增商品</title>

  <!--添加规格所用css-->
  <link rel="stylesheet" href="../assets/js/lib/extend/chosen/chosen.css">
  <link rel="stylesheet" href="../assets/js/lib/extend/tagsInput/jquery.tagsinput.css">
  <link rel="stylesheet" href="../assets/js/lib/extend/bootstrap/bootstrap.css">
  <!-- 开发环境版本，包含了有帮助的命令行警告 -->

</head>
<body>
<div class="page-layout" id="app">
  <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
  <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
  <div class="page-body">
    <div class="page-container">
      <div class="page-title">
        <h2>新增商品</h2>
        <a href="#" onClick="javascript:history.back(-1);"><span>返回</span></a>
      </div>
      <div class="alert-msg">
        <p><i class="icon_tips"></i>商品基础信息、详情信息填写</p>
        <span class="close_alert"></span>
      </div>
      <div class="goods_steps">
        <div class="step_item"><span class="num">1</span><span class="text">编辑商品信息</span></div>
        <div class="step_line"></div>
        <div class="step_item"><span class="num">2</span><span class="text">编辑商品详情</span></div>
        <div class="step_line"></div>
        <div class="step_item"><span class="num">3</span><span class="text">发布成功</span></div>
      </div>

      <div class="set-box">
        <div class="layui-row">
          <div class="layui-col-md2 w140">
            <div class="fw600 fs14 text-title">基础信息</div>
          </div>
          <div class="layui-col-md10">
            <div class="layui-form">
              <div class="layui-form-item">
                <label class="layui-form-label xin">所属品牌</label>
                <div class="layui-input-block">
                  <select name="pp">
                    <option value="">选择品牌</option>
                    <option value="0">雅诗兰黛</option>
                    <option value="1">兰蔻</option>
                    <option value="2">迪奥</option>
                    <option value="3">科颜氏</option>
                  </select>
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label xin">商品分类</label>
                <div class="layui-input-inline">
                  <span id="fenleibtn" onclick="select_fenlei()" class="layui-btn layui-btn-primary">选择分类</span>
                </div>
                <div id="editfl" class="layui-input-inline" style="display: none;"><a class="text-blue"
                                                                                      href="javascript:select_fenlei();">修改</a>
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label xin">商品名称</label>
                <div class="layui-input-inlne">
                  <input max="10" type="text" name="gname" placeholder="输入商品名称" class="layui-input">
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label xin">商品图片</label>
                <div class="layui-input-block">
                  <div>
                    <div class="layui-upload">
                      <div class="layui-upload-list">
                        <div class="upload-img-box"><i class="icon_del"></i><img
                                src="../assets/images/goods01.jpg"
                                class="layui-upload-img"></div>
                        <div class="upload-img-box"><i class="icon_del"></i><img
                          src="../assets/images/goods01.jpg"
                          class="layui-upload-img"></div>
                        <div class="upload-img-box"><i class="icon_del"></i><img
                          src="../assets/images/goods01.jpg"
                          class="layui-upload-img"></div>
                      </div>
                      <button type="button" class="addfile_btn"><i></i><span>添加图片</span></button>
                    </div>
                    <div class="fs12 text-muted mt5">建议上传正方形等比例图片；参考上传图标尺寸为1200*1200px，左右拖动图片可调整顺序
                    </div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">主图视频</label>
                <div class="layui-input-block">
                  <div>
                    <div class="layui-upload">
                      <div class="layui-upload-list" style="display: none;">
                        <div class="upload-img-box"><i class="icon_del"></i><img src=""
                                                                                 class="layui-upload-img">
                        </div>
                      </div>
                      <button type="button" class="addfile_btn"><i></i><span>添加视频</span></button>
                    </div>
                    <div class="fs12 text-muted mt5">上传商品视频，建议时长9-30秒，建议视频宽高比16:9</div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">商品简介</label>
                <div class="layui-input-block">
                  <div>
                    <div style="width: 380px;"><textarea max="140" name="desc" placeholder="请输入商品介绍" class="layui-textarea"></textarea>
                    </div>

                    <div class="fs12 text-muted mt5">商品简介显示在扫商品码展示页</div>
                  </div>


                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">商品编码</label>
                <div class="layui-input-block">
                  <input class="layui-input" type="text" placeholder="请输入8位或10位纯阿拉伯数字">
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">商品条码</label>
                <div class="layui-input-block">
                  <input class="layui-input" type="text" placeholder="请输入13位纯阿拉伯数字">
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label xin">零售价</label>
                <div class="layui-input-block">
                  <div>
                    <div class="input-group" style="width: 180px;">
                      <div class="layui-input-inline"><input style="width: 133px;"
                                                             class="layui-input" type="text"
                                                             placeholder="0.0">
                      </div>
                      <div class="layui-input-inline">
                        <button class="layui-btn layui-btn-primary">元</button>
                      </div>
                    </div>
                    <div class="fs12 text-muted mt5">市场零售价格</div>
                  </div>
                </div>
              </div>

              <div class="layui-form-item flex-start">
                <label class="layui-form-label xin">成本价</label>
                <div class="layui-input-block">
                  <div>
                    <div class="input-group" style="width: 180px;">
                      <div class="layui-input-inline"><input style="width: 133px;"
                                                             class="layui-input" type="text"
                                                             placeholder="0.0">
                      </div>
                      <div class="layui-input-inline">
                        <button class="layui-btn layui-btn-primary">元</button>
                      </div>
                    </div>
                    <div class="fs12 text-muted mt5">厂家最低成本价</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
      <div class="zpform_block">
        <div class="layui-row">
          <div class="layui-col-md2 w140">
            <div class="fw600 fs14 text-title">基础信息</div>
          </div>
          <div class="layui-col-md10">
            <div class="layui-form zpform">
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">商品库存</label>
                <div class="layui-input-block">
                  <div>
                    <input class="layui-input w380" type="text" value="0" placeholder="">
                    <div class="fs12 text-muted mt5">若启用了系统库存配置，则系统自动计算商品出入库的总数，此处无需填写</div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">商品单位</label>
                <div class="layui-input-block">
                  <div>
                    <input class="layui-input w380" type="text" placeholder="输入商品单位">
                    <div class="fs12 text-muted mt5">商品的计价单位，如件，个，套，自定义</div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item">
                <label class="layui-form-label">商品规格</label>
                <div class="layui-input-block">
                  <div class="flexg">
                    <input type="radio" name="guige" lay-filter="guige" value="统一规格" title="统一规格" checked="">
                    <input type="radio" name="guige" lay-filter="guige" value="多规格" title="多规格">
                  </div>
                </div>
              </div>
              <div class="select_guige" style="display: none;">
              <div class="layui-form-item select_guige">
                <label class="layui-form-label">选择规格</label>
                <div class="layui-input-block">
                  <div class="flexg">
                    <div id="tag_ids1"></div>
                    <a class="text-blue ml10" href="3-规格列表.html">规格管理</a>
                  </div>
                  <div style="display:none" class="guige_box guige_list mt10">
                    <div class="layui-collapse">
                      <div class="layui-colla-item">
                        <h2 class="layui-colla-title">杜甫</h2>
                        <div class="layui-colla-content layui-show">内容区域</div>
                      </div>
                      <div class="layui-colla-item">
                        <h2 class="layui-colla-title">李清照</h2>
                        <div class="layui-colla-content layui-show">内容区域</div>
                      </div>
                      <div class="layui-colla-item">
                        <h2 class="layui-colla-title">鲁迅</h2>
                        <div class="layui-colla-content layui-show">内容区域</div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">

                <div class="layui-input-block">
                  <div>
                    <div class="guige_box suk_table hide mt10" style="display: none;">
                      <div class="table-rowSpan">
                        <table class="layui-table">
                          <thead></thead>
                          <tbody></tbody>
                        </table>
                      </div>
                      <div style="display: none;" class="plset panel-footer">
                        批量设置： <a class="btn btn-sm btn-default popover-hide" title="" data-html="true"
                                 data-toggle="popover" data-placement="bottom"
                                 data-original-title="&lt;button type=&quot;button&quot; class=&quot;close pull-right&quot; data-dismiss=&quot;popover&quot;&gt;×&lt;/button&gt;设置价格"
                                 data-content="&lt;div class=&#39;form-inline&#39;&gt;&lt;div class=&#39;form-group &#39;&gt;&lt;input type=&#39;text&#39; placeholder=&#39;请输入价格&#39; id=&#39;price-batch-txt&#39; class=&#39;form-control input-sm m-l&#39;&gt;&lt;/div&gt;&lt;a class=&#39;btn btn-success btn-sm &#39; id=&#39;js-batch-price&#39; href=&#39;javascript:;&#39;&gt;保存&lt;/a&gt;&lt;/div&gt;">价格</a>
                        <a class="btn btn-sm btn-default popover-hide" title="" data-html="true"
                           data-toggle="popover" data-placement="bottom"
                           data-original-title="&lt;button type=&quot;button&quot; class=&quot;close pull-right&quot; data-dismiss=&quot;popover&quot;&gt;×&lt;/button&gt;设置库存"
                           data-content="&lt;div class=&#39;form-inline&#39;&gt;&lt;div class=&#39;form-group &#39;&gt;&lt;input type=&#39;text&#39; placeholder=&#39;请输入库存&#39; id=&#39;stock-batch-txt&#39; class=&#39;form-control input-sm m-l&#39;&gt;&lt;/div&gt;&lt;a class=&#39;btn btn-success btn-sm &#39; id=&#39;js-batch-stock&#39;  href=&#39;javascript:;&#39;&gt;保存&lt;/a&gt;&lt;/div&gt;">库存</a>
                      </div>
                    </div>
                  </div>
                </div>

              </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="set-box">
        <div class="layui-row">
          <div class="layui-col-md2 w140">
            <div class="fw600 fs14 text-title">商品详情</div>
          </div>
          <div class="layui-col-md10">
            <div class="layui-form">
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">商品参数</label>
                <div class="layui-input-block">
                  <div>
                    <div id="input-inline_groups">
                      <div class="input-inline_group mb5">
                        <div class="layui-input-inline w90">
                          <input class="layui-input" type="text" placeholder="输入参数名">
                        </div>
                        <div class="layui-input-inline w285">
                          <input class="layui-input" type="text" placeholder="输入属性值">
                        </div>
                        <div class="layui-input-inline">
                    <span class="del_input">
                      <img src="../assets/images/icon_delete.png" alt="">
                    </span>
                        </div>
                      </div>
                      <div class="input-inline_group mb5">
                        <div class="layui-input-inline w90">
                          <input class="layui-input" type="text" placeholder="输入参数名">
                        </div>
                        <div class="layui-input-inline w285">
                          <input class="layui-input" type="text" placeholder="输入属性值">
                        </div>
                        <div class="layui-input-inline">
                    <span class="del_input">
                      <img src="../assets/images/icon_delete.png" alt="">
                    </span>
                        </div>
                      </div>
                      <div class="input-inline_group mb5">
                        <div class="layui-input-inline w90">
                          <input class="layui-input" type="text" placeholder="输入参数名">
                        </div>
                        <div class="layui-input-inline w285">
                          <input class="layui-input" type="text" placeholder="输入属性值">
                        </div>
                        <div class="layui-input-inline">
                    <span class="del_input">
                      <img src="../assets/images/icon_delete.png" alt="">
                    </span>
                        </div>
                      </div>
                      <div class="input-inline_group mb5">
                        <div class="layui-input-inline w90">
                          <input class="layui-input" type="text" placeholder="输入参数名">
                        </div>
                        <div class="layui-input-inline w285">
                          <input class="layui-input" type="text" placeholder="输入属性值">
                        </div>
                        <div class="layui-input-inline">
                    <span class="del_input">
                      <img src="../assets/images/icon_delete.png" alt="">
                    </span>
                        </div>
                      </div>
                    </div>

                    <div>
                      <div class="layui-input-inline">
                        <button id="add_input-inline_group"
                                class="layui-btn layui-btn-primary primary_btn">新增参数
                        </button>
                      </div>
                      <div class="layui-input-inline pt5">
                        <span class="text-muted">建议最少添加3个商品参数，最多50个</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label">详情介绍</label>
                <div class="layui-input-block">
                  <div class="editbox">
                    <textarea id="demo" style="display: none;"></textarea>
                    <div class="tr text-muted mt10">
                      当前已输入8个字符, 您还可以输入9992个字符
                    </div>
                  </div>
                </div>
              </div>
              <div class="layui-form-item flex-start">
                <label class="layui-form-label" onclick="open_demo(this)" style="position: relative">
                  <span class="sps-label"><i class="arrow_d arrow_u"></i>详情页购买入口</span>
                </label>
                <div class="layui-input-block">
                  <div>
                    <div class="xl_demo_list_box" style="display: none;">
                      <div style="padding-top: 7px;">
                        <a href="javascript:;" data-toggle="tips" data-type="img" data-width="260" data-url="../assets/images/ckxlimg.jpg" class="text-blue">查看示例</a>
                      </div>
                      <ul class="xl_demo_list">
                        <li>
                          <div class="probox">
                            <div class="pro_hd">
                              <img src="../assets/images/48x48.jpg" alt="">
                            </div>
                            <div class="pro_bd">
                              <div class="fs12 fw600">天猫商城</div>
                              <div class="mt5"><span class="layui-badge-rim">低价折扣</span>
                              </div>
                            </div>
                            <div class="pro_ft">￥120.00</div>
                          </div>
                          <div class="action">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                          </div>
                        </li>
                        <li>
                          <div class="probox">
                            <div class="pro_hd">
                              <img src="../assets/images/48x48.jpg" alt="">
                            </div>
                            <div class="pro_bd">
                              <div class="fs12 fw600">天猫商城</div>
                              <div class="mt5"><span class="layui-badge-rim">低价折扣</span>
                              </div>
                            </div>
                            <div class="pro_ft">￥120.00</div>
                          </div>
                          <div class="action">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                          </div>
                        </li>
                        <li>
                          <div class="probox">
                            <div class="pro_hd">
                              <img src="../assets/images/48x48.jpg" alt="">
                            </div>
                            <div class="pro_bd">
                              <div class="fs12 fw600">天猫商城</div>
                              <div class="mt5"><span class="layui-badge-rim">低价折扣</span>
                              </div>
                            </div>
                            <div class="pro_ft">￥120.00</div>
                          </div>
                          <div class="action">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                          </div>
                        </li>
                        <li>
                          <div class="probox">
                            <div class="pro_hd">
                              <img src="../assets/images/48x48.jpg" alt="">
                            </div>
                            <div class="pro_bd">
                              <div class="fs12 fw600">天猫商城</div>
                              <div class="mt5"><span class="layui-badge-rim">低价折扣</span>
                              </div>
                            </div>
                            <div class="pro_ft">￥120.00</div>
                          </div>
                          <div class="action">
                            <a href="javascript:;">编辑</a>
                            <a href="javascript:;">删除</a>
                          </div>
                        </li>
                      </ul>
                      <div class="layui-input-inline mt10">
                        <button onclick="addrk()"
                                class="layui-btn layui-btn-primary primary_btn">新增入口
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="page-footer">
  <div class="btn-outside">
    <button onclick="saveEdit()" class="layui-btn" style="background-color: #0087f1;">保存</button>
    <button class="layui-btn layui-btn-primary">取消</button>
  </div>
</div>
    </div>
  </div>
</div>

<!--新增入口 弹框-->
<div id="addrkPopup" class="zp_popup_container">
  <div class="bg-black popup-form" style="height: 350px; overflow: auto;">
    <div class="layui-form">
      <div class="layui-form-item">
        <div class="layui-form-label">选择购买商城</div>
        <div class="layui-input-block">
          <div>
            <select name="" lay-filter="gmshop">
              <option value="1">在微商城购买</option>
              <option value="2">链接到外部购买</option>
            </select>
          </div>
          <div id="v1tip" class="mt5 text-muted">需开通 <span class="text-blue">微商城系统</span>，链接至商城购买,仅能添加一个。
          </div>
          <div id="v2tip" style="display: none;" class="text-muted">消费者通过此方式下单将跳转到商品链接来源的平台购买，比如天猫、
            淘宝、京东等，交易记录将在跳转链接所属平台生成。可添加多个。
          </div>
        </div>
      </div>
      <div class="layui-form-item" id="v2Iiem" style="display: none;">
        <div class="layui-form-label">商城平台</div>
        <div class="layui-input-block">
          <div>
            <select name="" lay-filter="shop">
              <option value="tm">天猫商城</option>
              <option value="jd">京东</option>
            </select>
          </div>

        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">商城名称</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="微商城">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">价格</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="120">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">标签</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="优惠说明">
        </div>
      </div>
      <div class="layui-form-item" style="display: none;" id="mklItem">
        <div class="layui-form-label">喵口令</div>
        <div class="layui-input-block">
          <textarea class="layui-textarea" style="line-height: 1.3em;">复制整段信息，打开手机天猫，即可查看此商品:
【Mind Bridge百家好女式卫衣式T恤衫 韩版印花时
尚长袖 MQTS722J】(未安装App点这里：
这里：http://yukhj.com/s)喵 )喵口令
</textarea>
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">购买链接</div>
        <div class="layui-input-block">
          <input class="layui-input" disabled type="text" value="https://retail.console.weimob.com"
                 placeholder="https://">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-form-label">排序</div>
        <div class="layui-input-block">
          <input class="layui-input" type="text" placeholder="数字越小越排前">
        </div>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--新增分类 弹框-->
<div id="selflPopup" class="zp_popup_container">
  <div style="">
    <span>您当前选择：</span>
    <span class="layui-breadcrumb" lay-separator=">">
        <a href="javascript:;">明星系统</a>
        <a href="javascript:;">男装</a>
      </span>
  </div>
  <div class="bg-black se">
    <div class="layui-form zpform">
      <div class="selfl_box">
        <div class="selfl_box_item left">
          <div class="selfl_search">
            <div class="input_group">
              <input style="width: 138px;" type="text" class="layui-input">
              <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
              </button>
            </div>
          </div>
          <ul>
            <li class="active">食品</li>
            <li>美妆护肤</li>
            <li>服饰</li>
            <li>明星系统</li>
            <li>美妆护肤</li>
            <li>服饰</li>
            <li>明星系统</li>
          </ul>
        </div>
        <div class="selfl_box_item right">
          <div class="selfl_search">
            <div class="input_group">
              <input style="width: 138px;" type="text" class="layui-input">
              <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
              </button>
            </div>
          </div>
          <ul style="display: block;">
            <li>食品二级</li>
            <li>女装</li>
            <li>服饰</li>
            <li>明星系统</li>
          </ul>

          <ul>
            <li>美妆二级</li>
            <li>女装</li>
            <li>服饰</li>
            <li>明星系统</li>
          </ul>
          <ul>
            <li>服饰二级</li>
            <li>女装</li>
            <li>服饰</li>
            <li>明星系统</li>
          </ul>
          <ul>
            <li>明星系统二级</li>
            <li>女装</li>
            <li>服饰</li>
            <li>明星系统</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="popup-btn"><a onclick="qdselfl()" class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>

<!--保存成功 弹框-->
<div id="succeesPopup" class="zp_popup_container">
  <div class="bg-black tc">
    <div class="fs24"><i style="font-size: 36px; color: #09BB07" class="layui-icon layui-icon-ok fs24"></i></div>
    <h3 class="fw600 fs16">提交成功</h3>
    <p class="mt10">您添加的商品信息已提交成功！</p>
  </div>
  <div class="popup-btn"><a href="3.6-商品列表.html" class="popbtn0">返回列表</a><a close-popup class="popbtn1">再次编辑</a></div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>


<script src="../assets/js/lib/extend/select/selectM.js"></script>
<script src="../assets/js/addgoods.js"></script>

<!--添加规格所用js-->
<script src="../assets/js/sku.js"></script>
<script src="../assets/js/lib/extend/chosen/chosen.jquery.min.js"></script>
<script src="../assets/js/lib/extend/tagsInput/jquery.tagsinput.js"></script>
<script src="../assets/js/lib/extend/bootstrap/bootstrap.js"></script>
<!--左右拖动所用js-->
<script src="../assets/js/drag-layout/jquery-ui.js"></script>

<script>
  $(".layui-upload-list").sortable({
    opacity: .35,
    axis: "x",
    start: function (event, ui) {},
    stop: function (event, ui) {},
    update: function (event, ui) {
      // console.log(ui.item);
    }
  });

  /*当前导航位置*/
  currNav(2, 4, 0);
</script>
</body>
</html>